<template>
	<view>
		<view class="content publicBox" v-for="(item,index) in ScrollList" :key="index" @click="clickPage(item.id)">
			<!-- 左边 -->
			<view class="left">
				<view class="name mt">到访对象：{{item.arrivalObj}}</view>
				<view class="sex mt">到访时间：{{item.arrivalTime}}</view>
				<view class="telephone mt">手机号码：{{item.telephone}}</view>
			</view>
			<!-- 右边 -->
			<view class="right">{{item.arrivalPersonnel}}人</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			ScrollList:{
				type:Array,
				require:true,
			}
		},
		ddata(){
			return {}
		},
		methods:{
			clickPage(id){
				this.$emit("GoToPage",id)
			}
		}
	}
</script>

<style scoped lang="scss">
	.content{
		display:flex;
		align-items: center;
		justify-content: space-between;
		height:190rpx;
		.left{
			margin-left:30rpx;
			display:flex;
			flex-direction: column;
			.mt{
				margin-bottom:15rpx;
				font-size:28rpx;
			}
			.name{
				color:#222;
				margin-top:15rpx;
			}
		}
		.right{
			min-height:100rpx;
			min-width:100rpx;
			border-radius: 28rpx;
			line-height:100rpx;
			text-align: center;
			border:1px solid #a8a8a8;
			font-size:36rpx;
			margin-right:30rpx;
			padding:0 5px;
		}
	}
</style>